<template>
  <div>
    <h3>父组件维维</h3>
    <input :value="msg" type="text" @input="handWei">
    <ChildCom v-model="msg" />
    <!-- //sync传值,可以在组建穿多个且 传过去的事件名为aaa 传过来必须为 updata:aaa(事件名) -->

    <h1>父组件为{{ num }}</h1>

    <ChildCom :aaa.sync="num" :value="zzz" />
    <h1>父组件的zzz里面的www:{{ zzz.obj }}</h1>

  </div></template>
<script>
import ChildCom from '@/views/dashboard/sync/ChildCom.vue'
export default {
  components: {
    ChildCom
  },
  props: {

  },
  data() {
    return {
      msg: '维维',
      num: 100,
      zzz: {
        obj: 200
      }
    }
  }, methods: {

    // 如果不适用v-model去双向绑定就要使用:value=msg 加上@input事件才可以
    handWei(e) {
      console.log(e, 111)
      this.msg = e.target.value
    }
  }
}
</script>
